
<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org" th:replace="layout/commonlayout(title='毕设分届页详细信息')"><!-- layout文件路径-->



<th:block th:fragment="css">
    <!--如果没有内容，请保持 -->
    <!--DataTables [ OPTIONAL ]-->
    <link rel="stylesheet" href="/plugins/select2/css/select2.min.css">
    <link rel="stylesheet" href="/plugins/ztree/css/zTreeStyle/zTreeStyle.css">
    <link rel="stylesheet" href="/plugins/webuploader-0.1.5/webuploader.css">

</th:block>

<div th:fragment="content">
    <!--Page content-->
    <!--===================================================-->
    <div id="page-content">
        <div class="panel">
            <div class="panel-body">
                <form id="formstudent"  class="smart-form" method="post" action="">
                    <fieldset>
                        <input id="id" name="id" type="hidden">
                        <!-- <div class="row">
                            <div class="col-sm-6">为两列准备的</div>
                            <div class="col-sm-6">不要就删除</div>
                        </div>-->
                        <div class="row">
                            <div class="col-sm-6">
                                <div class="form-group">
                                    <label class="control-label">学号</label>
                                    <input id="username" name="username" class="form-control" type="text"
                                           placeholder='' data-rule-maxlength="50" required
                                           data-msg-maxlength='亲，太多啦，最多50字符!!'>
                                </div>

                                <div class="form-group">
                                    <label class="control-label">姓名</label>
                                    <input id="name" name="name" class="form-control" type="text"
                                           placeholder='' data-rule-maxlength="50" required
                                           data-msg-maxlength='亲，太多啦，最多50字符!!'>
                                </div>

                                <div class="form-group">
                                    <label class="control-label">性别</label>
                                    <select class="form-control" id="gender" name="gender" required>
                                        <option value="0">---请选择---</option>
                                        <option value="1">男</option>
                                        <option value="2">女</option>
                                    </select>

                                </div>

                                <div class="form-group">
                                    <label class="control-label">班级</label>
                                    <!--                                    <input id="gradeId" name="gradeId" class="form-control" type="number"-->
                                    <!--                                           placeholder='第几届' >-->
                                    <select class="form-control" id="classId" name="classId" required></select>
                                </div>


                            </div>
                            <div class="col-sm-6">

                                <input  id="avatar" name="avatar"  type="hidden">
                                <a href="#" class="thumbnail">
                                    <img  id="avatarImg" src="" alt="头像">
                                </a>

                                <!--dom结构部分-->
                                <div id="uploader-demo">
                                    <!--用来存放item-->
                                    <div id="fileList" class="uploader-list"></div>
                                    <div id="filePicker"  class="head-scu-btn upload-btn" >选择图片</div>
                                </div>

                            </div>
                        </div>

                        <div class="row">
                            <div class="col-sm-6">

                            </div>
                            <div class="col-sm-6">

                            </div>
                        </div>

                        <div class="row">
                            <div class="col-md-12">
                                <div class="form-group">
                                    <label>密码<span style="color: red;">*(长度为6-20)</span></label>
                                    <input id="password" name="password"
                                           class="form-control"
                                           type="password"
                                           placeholder=''
                                           data-rule-maxlength="50"
                                           data-msg-maxlength='亲，太多啦，最多50字符!!'>
                                </div>

                                <div class="form-group">
                                    <label>确认密码<span style="color: red;">*</span></label>
                                    <input id="confirmPassword" name="confirmPassword"
                                           class="form-control"
                                           type="password"
                                           placeholder=''
                                           data-rule-maxlength="50"
                                           data-msg-maxlength='亲，太多啦，最多50字符!!'>
                                </div>
                            </div>
                        </div>
                    </fieldset>
                </form>
                <!-- form end -->

                <div class="form-group">
                    <a class="btn btn-info btn-labeled pull-right" onclick="insertOrUpdateForm();">
                        <i class="btn-label ion-ios-checkmark"></i> 提交</a>
                </div>
            </div>
        </div>

        <input type="hidden" id="hidId"/>

    </div>
    <!--===================================================-->
    <!--End page content-->
</div>

<div th:fragment="scripts">
    <!--如果没有内容，请保持 -->
    <script src="/plugins/select2/js/select2.full.min.js"></script>
    <script src="/js/editCommon.js"></script>
    <script src="/plugins/webuploader-0.1.5/webuploader.js"></script>
    <script src="/pagejs/grade/student/edit.js"></script>
</div>

</html>
